<template lang="html">
	<div>
	  <div class="box">
	  	<router-link tag="a" to="/index/home/Details">
		  	<img src="../../images/jiantou.png">
		</router-link>

	  	<span>{{ currentTitlt }}</span>
	  	<router-link to="/Search">
		  	<img src="../../images/sousuo.png">
		</router-link>
	  </div>
	  <div class="course">
	    <ul>
	      <li>
	        <router-link tag="a" to="/Chdetails/Details">
	          系列课程
	        </router-link>
	      </li>
	      <li>
	        <router-link tag="a" to="/Chdetails/Goods">
	          精品小课
	        </router-link>
	      </li>
	    </ul>
	    <router-view></router-view>
	  </div>
	</div>
 <!--   -->
</template>

<script>
// import Data from "../../../static/data/data.json"
export default {
  name:"box",
  data(){
    return{
    	currentTitlt:''

    }
  },
  components:{
    // China
  },
  created(){
  	// SessionStorage:currentTitlt
  	this.currentTitlt = sessionStorage.getItem('currentTitlt');

  }
}
</script>

<style scoped lang="less">
.box{
	background-color: #3DAE95;
	padding: 10/50rem;
	font-size: 18/50rem;
	text-align: center;
}
img{
	height: 25/50rem;
}
span{
	margin:0 120/50rem;
}


.course ul{
  margin-bottom: 5/50rem;
  display: flex;
}
.course ul li{
	width: 50%;
	text-align: center;
	background-color: #fff;
  justify-content: center;  
  line-height: 40/50rem;
}
.course ul li a{
	color: #3DAE95;
	font-size:18/50rem;
  display: block;
}
.active{
	color: #EAAD24 !important;
	border-bottom: 2px solid #EAAD24;
}


</style>
